<template>
    <div class="card content-box" :style="{ minHeight: clientHeight + 'px' }">
        <iframe :style="{ minHeight: zuiHeight + 'px' }" src="https://cn.bing.com/" frameborder="0" class="full-iframe"></iframe>
    </div>
</template>

<script setup lang="ts" name="embedded">
const clientHeight = document.body.clientHeight - 106
const zuiHeight = document.body.clientHeight - 146
</script>

<style scoped lang="scss">
.card{
    width: 100%;
    height: 100%;
    .full-iframe {
        width: 100%;
        height: 100%;
    }
}

</style>
